.feedback-container {
  .container-block {
    background:rgba(255,255,255,1);
    margin-top: 20rpx;
    padding: 10rpx 0;
    .f-title {
      font-size:28rpx;
      color:#000;
      line-height:34rpx;
      padding: 20rpx 0 20rpx 30rpx;
    }
    .f-type-list {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      flex-wrap: wrap;
      padding: 10rpx; 
    }
    .f-type-item {
      width:215rpx;
      height:60rpx;
      background:rgba(255,255,255,1);
      border:2rpx solid #000;
      border-radius:2rpx;
      font-size: 26rpx;
      line-height: 60rpx;
      text-align: center;
      margin: 10rpx 0;
      color: #000;
      &.active {
        color: #fff;
        background-color: #000;
      }
    }
  }
  .f-content {
    padding: 0 30rpx 20rpx;
    position: relative;
    textarea {
      width: 100%;
      // line-height:48rpx;
      font-size: 26rpx;
      padding-bottom: 20rpx;
      height: 150rpx;
    }
    .f-con-num {
      position: absolute;
      right:40rpx;
      bottom: 20rpx;
      color: #999;
      font-size: 24rpx;
    }
  }
  .f-con-img {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 30rpx;
    padding-bottom: 10rpx;
  }
  .f-img-item {
    width: 100rpx;
    height:100rpx;
    margin-right:20rpx;
    .con-img-item {
      width: 100rpx;
      height: 100rpx;
    }
  }
  .icon-del {
    width: 26rpx;
    height: 26rpx;
    position: absolute;
    top: -13rpx;
    right: -13rpx;
  }
  .f-sub-btn {
    width: 686rpx;
    height: 80rpx;
    background: #000;
    font-size:30rpx;
    color:#fff;
    line-height:80rpx;
    text-align: center;
    margin: 56rpx auto;
  }
  .f-record-title {
    font-size:28rpx;
    color:rgba(153,153,153,1);
    line-height:34rpx;
    text-align: center;
  }
  .f-record-list  {
    padding-bottom: 30rpx;
  }
  .f-record-item {
    padding: 20rpx 30rpx;
    margin-bottom: 20rpx;
    .f-type-record {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #666;
      font-size: 26rpx;
      text:nth-child(1){
        color: #666;
        font-size: 26rpx;
      }
      text:nth-child(2){
        color: #666;
        font-size: 22rpx;
      }
    }
    .f-con-record {
      border-bottom: 1rpx solid #E6E6E6;
      padding: 26rpx 0;
      color: #333;
      font-size: 26rpx;
      .f-con-record-top {
        font-size:26rpx;
        line-height:36rpx;
        display: flex;
        color: #333;
        .title {
          width: 127rpx;
        }
      }
      .f-con-record-pic {
        overflow: hidden;
        margin-top: 29rpx;
      }
      .recodeImg {
        width: 100rpx;
        height: 100rpx;
        margin: 10rpx 20rpx 10rpx 0;
        float: left;
      }
    }
    .f-back-record {
      font-size:26rpx;
      color:#E21536;
      line-height:26rpx;
      view{
        padding-top: 20rpx;
      }
    }
  }
  .no-tip {
    text-align: center;
    color: #999;
    padding: 10rpx 0;
    font-size: 24rpx;
  }
}
